@import "variable.styl"

body, html
  line-height: 1
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  user-select: none
  -webkit-tap-highlight-color: transparent
  background: $background !important;
  min-height: 100%;
  input
    outline: none;
  input:
  :-webkit-input-placeholder
    color: #ccc;
  textarea
    outline: none;
  textarea:
  :-webkit-input-placeholder
    color: #ccc;

  .cropper-box
    background :#000;
  /*1像素边*/
  .border
    position: relative;
    border: 1px solid #e6e6e6 !important;
  .border:before
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: 0 0;
    transform: scale(0.5);


  .border-top
    position: relative;
  .border-top:after
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    border-top: 1px solid #e6e6e6 !important;
  .border-bottom
    position: relative;
  .border-bottom:before
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform-origin: 0 0;
    transform: scaleY(0.5);
    border-bottom: 1px solid #e6e6e6 !important;
  .border-left
    position: relative;
  .border-left:before
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform-origin: 0 0;
    transform: scaleX(0.5);
    border-left: 1px solid #e6e6e6 !important;
  .border-right
    position: relative;
  .border-right:before
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transform-origin: 0 0;
    transform: scaleX(0.5);
    border-right: 1px solid #e6e6e6 !important;





